/*字体对齐*/
@textDirection : center, right;
.textAlignMixin (@direction) {
	._text_align_@{direction} {
		text-align: @direction;
	}
}
.textAlignLoop(@index) when (@index <= length(@textDirection)) {
	.textAlignMixin( extract(@textDirection, @index) );
	.textAlignLoop(@index + 1);
}
.textAlignLoop(1);

/*字重*/
@textWeights : bold, normal;
.textWeightMixin (@weight) {
	._text_weight_@{weight} {
		font-weight: @weight;
	}
}
.textWeightLoop(@index) when (@index <= length(@textWeights)) {
	.textWeightMixin( extract(@textWeights, @index) );
	.textWeightLoop(@index + 1);
}
.textWeightLoop(1);

@margins : range(1,100,1);
.marginMixin(@size) {
	._mt_@{size} {
		margin-top: unit(@size, px) !important;
	}
	._mb_@{size} {
		margin-bottom: unit(@size, px) !important;
	}
	._ml_@{size} {
		margin-left: unit(@size, px) !important;
	}
	._mr_@{size} {
		margin-right: unit(@size, px) !important;
	}
	._mg_@{size} {
		margin: unit(@size, px) !important;
	}
	.mtb_@{size} {
		margin-top: unit(@size, px) !important;
		margin-bottom: unit(@size, px) !important;
	}
	._mlr_@{size} {
		margin-left: unit(@size, px) !important;
		margin-right: unit(@size, px) !important;
	}
	._pt_@{size} {
		padding-top: unit(@size, px) !important;
	}
	._pb_@{size} {
		padding-bottom: unit(@size, px) !important;
	}
	._pl_@{size} {
		padding-left: unit(@size, px) !important;
	}
	._pr_@{size} {
		padding-right: unit(@size, px) !important;
	}
	._pd_@{size} {
		padding: unit(@size, px) !important;
	}
	._ptb_@{size} {
		padding-top: unit(@size, px) !important;
		padding-bottom: unit(@size, px) !important;
	}
	._plr_@{size} {
		padding-left: unit(@size, px) !important;
		padding-right: unit(@size, px) !important;
	}
}
.marginSizeLoop(@index) when (@index <= length(@margins)) {
	.marginMixin( extract(@margins, @index) );
	.marginSizeLoop(@index + 1);
}
.marginSizeLoop(1);
.flex {
	display: flex;
}
.flex1 {
	flex: 1;
}
.flexwrap {
	flex-wrap: wrap;
}
.jcc {
	justify-content: center;
}
.jcsa {
	justify-content: space-around;
}
.jcsb {
	justify-content: space-between;
}
.jce {
	justify-content: flex-end;
}
.jcs {
	justify-content: flex-start;
}
.aic {
	align-items: center;
}
.ais {
	align-items: stretch;
}
.aifs {
	align-items: flex-start;
}
.aife {
	align-items: flex-end;
}
.text_over_elip {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}